<template>
    <t-dialog v-model:visible="visible" :footer="null" :closeOnOverlayClick="false">
        <t-row justify="center">
            <Qrcode :QRCodeOption="QRCodeOption" :bgOption="bgOption" :logoOption="logoOption" />
        </t-row>
    </t-dialog>
</template>
<script setup lang="ts">
import {ref} from "vue";
import Qrcode from "@/components/qrcode/index.vue"

const visible= ref(true);

const codeText='wxp://f2f1bhovWje03yqtQ3mcg7QKDyMFyRP74tAccXHwVj5c-q_qoGwkWq79WfbzdWg9NFDd'

const bgUrl=`https://rocket-chat.oss-cn-hangzhou.aliyuncs.com/202303/999999/imagesb7ab2054257e49c495e2540cd6434705.png`

const QRCodeOption={
    text: codeText,
    width: 200,
    height: 200,
    colorDark: '#008858', 
    colorLight: '#e3f9e9',
}

const bgOption={
    url:bgUrl
}

const logoOption={
    url:bgUrl
}

</script>